<template>
  <div class='container'>
      <div v-slide-in class="item blue">1</div>
      <div v-slide-in class="item red">2</div>
      <div v-slide-in class="item grey">3</div>
      <div v-slide-in class="item green">4</div>
  </div>
</template>
    
<script setup>

</script>

<style lang='less' scoped>
.container{
    .item{
        height: 400px;
        text-align: center;
        line-height: 400px;
        font-size: 50px;
        color: #fff;
    }
    .blue{
        background: blue;
    }
    .red{
        background: red;
    }
    .grey{
        background: grey;
    }
    .green{
        background: green;
    }
}
</style>